Amplify Hosting のデフォルトドメインを無効化する方法を教えてください

Here is the English version

困っていた内容

Amplfiy Hosting でカスタムドメインを使用しています。
アプリケーションへのアクセスをカスタムドメインからのアクセスのみにしたいので、デフォルトドメインである amplifyapp.com を無効化する方法を教えてください。

どう対応すればいいの？

Amplify Hosting のデフォルトドメインである amplifyapp.com は無効化できません。
代替案として、デフォルトドメインへのアクセス時にカスタムドメインへリダイレクトさせる方法をご検討ください。

AWS 公式ドキュメントより

リダイレクトを使用すると、ウェブサーバーで 1 つの URL から別の URL にナビゲーションを再ルートすることができます。

やってみた

Amplify Hosting のデフォルトドメインである amplifyapp.com からカスタムドメインへリダイレクトする方法をやってみます。
Amplify Hosting で利用するアプリケーションは CodeCommit に push してあります。
また、使用するカスタムドメインは an-makoto.site というドメインです。

まずはデフォルトドメインである amplifyapp.com でアプリにアクセスできることを確認します。

デフォルトドメインの URL でアプリにアクセスできました。
続いてカスタムドメインを登録します。

今回使用するドメインは AWS 外で取得したものを Route 53 のホストゾーンに登録しています。

登録するとドメインの検証が始まるので、しばらく待ちます。
カスタムドメインの登録が完了したら、カスタムドメインでもアプリにアクセスできることを確認します。

カスタムドメインでもアプリにアクセスできました。
それではデフォルトドメインである amplifyapp.com からカスタムドメインである an-makoto.site へリダイレクトさせる設定を行います。

Amplify コンソールの左サイドバーから「リライトとリダイレクト」をクリックします。

「リダイレクトを管理」をクリックします。

以下のように設定します。

• 送信元アドレス: デフォルトドメインの URL
• ターゲットアドレス: カスタムドメインの URL
• 入力: 301 (Redirect - Permanent)

リダイレクトの設定後に、デフォルトドメインの URL にアクセスし、カスタムドメインの URL にリダイレクトすることを確認します。

$ curl https://main.d1lbshw0w1wpb0.amplifyapp.com -sLI | grep location
location: https://an-makoto.site/

なお、リダイレクトの設定は上から順に評価される点にご注意ください。

AWS 公式ドキュメントより

リダイレクトはリストの上部から下に適用されます。

参考資料

• リダイレクトを使用する - AWS Amplify ホスティング